<!DOCTYPE html>
<html>

<head>
    <title>我的主页</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <style type="text/css">
        * {
            padding: 0;
            margin: 0;
        }
        
        *:focus {
            outline: none;
        }
        
        body {
            background: #f2f4f7;
        }
        
        a {
            text-decoration: none;
            color: #000;
        }
        
        a:link {
            color: #666;
        }
        
        a:hover {
            color: #666;
        }
        
        a:active {
            color: #666;
        }
        
        a:visited {
            color: #666;
        }
        
        .box {
            background: #fff;
        }
        
        .box ul li {
            display: inline-block;
            padding: 5px;
        }
        
        .box ul li a {
            vertical-align: middle;
        }
        
        .box ul li img {
            width: 18px;
            height: 18px;
            vertical-align: middle;
        }
        
        .box ul.top li {
            width: 24%;
            text-align: center;
            padding: 0;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        
        .white {
            background: #f2f4f7;
            height: 5px;
        }
        
        .whitetop {
            background: #f2f4f7;
            height: 10px;
        }
        
        .marginLeft {
            padding-left: 65px;
            position: relative;
        }
        
        .marginLeft .title {
            position: absolute;
            top: 5px;
            left: 26px;
            font-weight: 400;
            color: #118850;
        }
    </style>
</head>

<body>

    <div class="whitetop">

    </div>
    <div class="box">
        <ul class="top">
            <li>
                <img src="https://3g.163.com/favicon.ico" />
                <a href="https://3g.163.com">网易</a>
            </li>

            <li>
                <img src="https://sina.cn/favicon.ico" />
                <a href="https://sina.cn">新浪</a>
            </li>


            <li>
                <img src="http://m.sohu.com/favicon.ico" />
                <a href="http://m.sohu.com">搜狐</a>
            </li>

            <li>
                <img src="https://3g.china.com/favicon.ico" />
                <a href="https://3g.china.com">中华</a>
            </li>
            <li>
                <img src="https://h5.m.taobao.com/favicon.ico" />
                <a href="https://h5.m.taobao.com">淘宝</a>
            </li>
            <li>
                <img src="https://i.ifeng.com/favicon.ico" />
                <a href="https://i.ifeng.com/">凤凰</a>
            </li>
            <li>
                <img src="https://mat1.gtimg.com/www/icon/favicon2.ico" />
                <a href="https://xw.qq.com/">腾讯</a>
            </li>
            <li>
                <img src="https://m.weibo.cn/favicon.ico" />
                <a href="https://m.weibo.cn/">微博</a>
            </li>
        </ul>
    </div>

    <div class="white">

    </div>

    <div class="box marginLeft">
        <span class="title">推荐</span>
        <ul>
            <li>
                <a href="https://www.tianya.cn/m/">天涯</a>
            </li>
            <li>
                <a href="http://m.cctv.com/index.shtml">央视</a>
            </li>
            <li>
                <a href="http://toutiao.eastday.com">头条</a>
            </li>
            <li>
                <a href="https://m.huanqiu.com/">环球网</a>
            </li>
            <li>
                <a href="http://m.gmw.cn/">光明网</a>
            </li>
            <li>
                <a href="http://www.chinanews.com/wap/">中国新闻网</a>
            </li>
        </ul>
    </div>

    <div class="white">

    </div>


    <div class="box marginLeft">
        <span class="title">搜索</span>
        <ul>
            <li>
                <a href="https://www.baidu.com">百度</a>
            </li>
            <li>
                <a href="https://m.sm.cn">神马</a>
            </li>
            <li>
                <a href="https://m.so.com">360</a>
            </li>
            <li>
                <a href="https://m.sogou.com">搜狗</a>
            </li>
            <li>
                <a href="http://m.chinaso.com">国搜</a>
            </li>
            <li>
                <a href="http://cn.bing.com">Bing</a>
            </li>
        </ul>
    </div>

    <div class="white">

    </div>

    <div class="box marginLeft">
        <span class="title">视频</span>
        <ul>
            <li>
                <a href="https://www.youku.com/">优酷</a>
            </li>
            <li>
                <a href="https://m.tv.sohu.com/">搜狐</a>
            </li>
            <li>
                <a href="http://m.iqiyi.com/">爱奇艺</a>
            </li>
            <li>
                <a href="https://m.v.qq.com/index.html">腾讯视频</a>
            </li>
            <li>
                <a href="https://www.pearvideo.com/?from=intro">梨视频</a>
            </li>
            <li>
                <a href="https://haokan.baidu.com/">好看</a>
            </li>
            <li>
                <a href="https://vmobile.douyu.com/">斗鱼</a>
            </li>
            <li>
                <a href="https://m.huya.com/">虎牙</a>
            </li>
            <li>
                <a href="https://m.bilibili.com/index.html">哔哩哔哩</a>
            </li>
        </ul>
    </div>

    <div class="white">

    </div>

    <div class="box marginLeft">
        <span class="title">论坛</span>
        <ul>
            <li>
                <a href="https://www.tianya.cn/m/">天涯</a>
            </li>
            <li>
                <a href="https://m.kdslife.com/">宽带山</a>
            </li>
            <li>
                <a href="https://www.v2ex.com/">v2ex</a>
            </li>
            <li>
                <a href="http://www.guanggoo.com/">光谷社区</a>
            </li>
            <li>
                <a href="http://wsq.discuz.com/?siteid=247742674&source=wap&c=index&a=index&mobile=2">Discuz</a>
            </li>
            <li>
                <a href="https://bbs.360.cn/forum.php?forumlist=1&mobile=2">360</a>
            </li>
            <li>
                <a href="http://bbs.zhanzhang.baidu.com/forum.php?mobile=1&simpletype=no">百度</a>
            </li>
            <li>
                <a href="http://bbs.gfan.com/">机锋</a>
            </li>
            <li>
                <a href="https://hu60.cn/">虎绿林</a>
            </li>
            <li>
                <a href="https://m.ask.seowhy.com/">搜外问答</a>
            </li>
        </ul>
    </div>

    <div class="white">

    </div>

    <div class="box marginLeft">
        <span class="title">编程</span>
        <ul>
            <li>
                <a href="http://www.runoob.com/">菜鸟教程</a>
            </li>
            <li>
                <a href="http://www.php.net/">PHP</a>
            </li>
            <li>
                <a href="https://www.oracle.com/technetwork/java/index.html">Java</a>
            </li>
            <li>
                <a href="https://developer.mozilla.org/zh-CN/">MDN</a>
            </li>
            <li>
                <a href="https://www.python.org/">Python</a>
            </li>
            <li>
                <a href="http://www.cplusplus.com/">C++</a>
            </li>
            <li>
                <a href="https://golang.org/">Go</a>
            </li>
            <li>
                <a href="https://www.elastic.co/">Elasticsearch</a>
            </li>
            <li>
                <a href="https://m.w3cschool.cn/">w3cschool</a>
            </li>
        </ul>
    </div>

    <div class="white">

    </div>

    <div class="box marginLeft">
        <span class="title">招聘</span>
        <ul>
            <li>
                <a href="http://m.51job.com/">前程无忧</a>
            </li>
            <li>
                <a href="https://m.zhaopin.com/">智联招聘</a>
            </li>
            <li>
                <a href="https://m.lagou.com/">拉勾网</a>
            </li>
            <li>
                <a href="https://m.zhipin.com/">BOSS直聘</a>
            </li>
        </ul>
    </div>

    <div class="white">

    </div>

    <div class="box marginLeft">
        <span class="title">博客</span>
        <ul>
            <li>
                <a href="http://lusongsong.com/">卢松松</a>
            </li>
            <li>
                <a href="https://www.williamlong.info/">月光</a>
            </li>
            <li>
                <a href="https://blog.sina.cn/">新浪</a>
            </li>
            <li>
                <a href="https://blog.csdn.net/">CSDN</a>
            </li>
            <li>
                <a href="https://www.cnblogs.com/">博客园</a>
            </li>
            <li>
                <a href="http://www.ruanyifeng.com/blog/">阮一峰</a>
            </li>
        </ul>
    </div>

    <div class="white">

    </div>

    <div class="box marginLeft">
        <span class="title">下载</span>
        <ul>
            <li>
                <a href="https://wap.25pp.com/android/">PP助手</a>
            </li>
            <li>
                <a href="http://app.qq.com/">应用宝</a>
            </li>
            <li>
                <a href="https://m.wandoujia.com">豌豆荚</a>
            </li>
            <li>
                <a href="https://mobile.baidu.com/">百度手机助手</a>
            </li>
        </ul>
    </div>

    <div class="whitetop">

    </div>
</body>

</html>